/*//////////////////////Start Map/////////////////////////*/
		.mapboxgl-popup-content{
			background: rgba(0,42,80,0.85) !important;
			border-radius: 0.5rem !important;
			padding: 5px 10px 10px !important;
			min-width: 10rem;	
			border-width: 1px;
			border-color: rgb(255 250 250);
		}
		
		.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{
			height: 0px !important;
			z-index: -10 !important;
			border-width: 0px;
			border-color: rgb(255 250 250);
		}
		.mapboxgl-popup-anchor-top{
			margin-top: 0px !important;
		}
		
		.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{
			width: 0px !important;
			z-index: -10 !important;
			border-width: 0px;
			border-color: rgb(255 250 250);
		}
		.mapboxgl-popup-anchor-right{
			left: -0px !important;
		}
		
		.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
			height: 0px !important;
			z-index: -10 !important;
			border-width: 0px;
			border-color: rgb(255 250 250);
		}
		.mapboxgl-popup-anchor-bottom{
			top: -25px !important;
		}
			
		.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{
			width: 0px !important;
			z-index: -10 !important;
			border-width: 0px;
			border-color: rgb(255 250 250);
		}
		.mapboxgl-popup-anchor-left{
			margin-left: 0px !important;
		}
		
		.mapboxgl-popup-close-button{
			display: none;
		}

		.mapboxgl-ctrl-logo {
			display: none !important;
		}
	/*//////////////////////End Map/////////////////////////*/

	/*//////////////////////Start Datatables/////////////////////////*/

	table{
		border-color: transparent !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color: rgba(255, 250, 250, 1) !important;
		border: 0 !important;
		background-color: rgba(0, 152, 219, 0.2) !important;
		background-image: unset !important;
		border-bottom-width: 2px;
		border-bottom-color: rgba(255, 250, 250, 1);
		border-radius: 0.375rem;
	}

	.dataTables_filter{
		display: flex;
    	flex-direction: row-reverse;
		margin-bottom: 0.75rem;
		margin-right: 0rem;
	}
	table.dataTable thead .sorting{
		background-image: none !important;
	}

	table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{
		background-image: none !important;
		color: white !important;
		font-weight: 600 !important;
	}
	.dataTables_wrapper{
		margin-bottom: 0.5rem !important;
	}

	table.dataTable thead th, table.dataTable tfoot th {
		font-weight: 400 !important;
	}
	table.dataTable tbody tr {
		background-color: transparent ;
		color: rgba(200, 200, 200, 0.75) !important;
		font-weight: 400 !important;
	}
	table.dataTable tbody tr:hover {
		background-color: #00395d;
		color: rgba(200, 200, 200, 1) !important;
		font-weight: 400 !important;
	}
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
		color: rgba(200, 200, 200, 0.75) !important;
		font-weight: 400 !important;
		font-size: 0.875rem !important;
	}
	.dataTables_wrapper .dataTables_filter input {
		border: 1px solid rgba(200, 200, 200, 0.75) !important;
		border-radius: 0.375rem !important;
		padding: 5px !important;
		background-color: transparent !important;
		margin-left: 1rem !important;
	}
	table.dataTable thead th, table.dataTable thead td {
		padding: 5px 10px;
		font-size: 0.9rem !important;
		border-bottom: 1px solid rgba(200, 200, 200, 0.75) !important ;
	}
	table.dataTable tbody td {
		padding: 3px 5px !important;
		font-size: 0.875rem !important;	
	}
	table.dataTable td {
		white-space: nowrap;
	}
		
	table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
		border-top: 1px solid rgba(200, 200, 200, 0.75) !important;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: rgba(200, 200, 200, 0.75) !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody {
		border: 0 !important;
	}
	button.dt-button, div.dt-button, a.dt-button, input.dt-button {
		margin-left: 0em !important;
		margin-right: 0em !important;
		margin-bottom: 0.333em;
		padding: 0.25rem 0.75rem !important; 
		border: 0px solid rgba(0, 0, 0, 0.3) !important;
		border-radius: 5px !important;
		font-size: .88em;
		color: rgba(225, 225, 225, 0.9) !important;
		background: rgba(0, 86, 156, 0.75) !important;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 300ms;

	}
	a.default-button {
		font-size: 0.875rem;
    	line-height: 1.25rem;
		color: rgba(225, 225, 225, 0.9) !important;
		margin-left: 0em !important;
		margin-right: 0em !important;
		padding: 0.25rem 0.75rem;
		border: 0px solid rgba(0, 0, 0, 0.3) !important;
		border-radius: 0.375rem !important;
		background: rgba(0, 86, 156, 0.75) !important;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 300ms;
	}

	div.time-link{    
		padding-left: 0.75rem; /* 24px */
		padding-right: 0.75rem; /* 24px */
		display: inline-flex;
		align-items: center;
		font-size: 0.875rem; /* 14px */
		line-height: 1.25rem; /* 20px */
		color: rgba(200, 200, 200, 0.9) !important;
		border-width: 1px;
		border-color: transparent;
		background-color: transparent;
		height: 100%;
		width: 4.5rem;
		place-content: center;
	}
	
	div.time-link:hover{
		color: rgba(225, 225, 225, 0.9);
		background: rgba(0, 86, 156, 0.25) 0% !important;
	}
	
	div.time-link-active{    
		padding-left: 0.75rem; /* 24px */
		padding-right: 0.75rem; /* 24px */
		display: inline-flex;
		align-items: center;
		font-size: 0.875rem; /* 14px */
		line-height: 1.25rem; /* 20px */
		height: 100%;
		color: rgba(225, 225, 225, 0.9) !important;
		background: rgba(0, 86, 156, 0.75) 0% !important;
		width: 4.5rem;
		place-content: center;
	}
	/*//////////////////////End Datatables//////////////////////////*/

	.service-label{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		width: 3rem;
		font-size: 0.75rem;
		line-height: 0.85rem;
		height: 1.25rem;
		font-weight: 450;
		display: flex;
    	align-items: center;
		justify-content: center;
	}

	.sector-label{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		/*min-width: 3rem;*/
		width: 2.25rem;
		text-align: center;
		font-size: 0.75rem;
		line-height: 0.85rem;
		height: 1.5rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		border-width: 0px;
		border-color: rgba(225, 225, 225, 0.9);
		background: rgba(0, 86, 156, 0.75) 0%;
		font-weight: 450;
		display: flex;
    	align-items: center;
		justify-content: center;
	}

	.service-label-meterprofile{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		font-size: 0.75rem;
		line-height: 0.85rem;
		height: 3rem;
		width: 8rem;
		font-weight: 450;
		display: flex;
    	align-items: center;
		justify-content: center;
	}

	.sector-label-meterprofile {
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		/*min-width: 3rem;*/
		text-align: center;
		font-size: 0.75rem;
		line-height: 0.85rem;
		border-width: 0px;
		border-color: rgba(225, 225, 225, 0.9);
		background: rgba(0, 86, 156, 0.75) 0%;
		font-weight: 450;
		display: flex;
		justify-content: center;
    	align-items: center;
	}

	.service-label-meterprofile-modal{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		font-size: 0.75rem;
		line-height: 0.85rem;
		height: 4rem;
		width: 4rem;
		font-weight: 450;
		display: flex;
    	align-items: center;
		justify-content: center;
	}

	.label-profile{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		font-size: 0.75rem;
		line-height: 0.85rem;
		height: 3rem;
		width: 3rem;
		font-weight: 450;
		display: flex;
    	align-items: center;
		justify-content: center;
		background: rgba(0, 86, 156, 0.75) 0%;
	}

	.label-progress{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		font-size: 0.6rem;
		line-height: 0.7rem;
		font-weight: 400;
		display: flex;
    	align-items: center;
		justify-content: center;
		background: rgba(0, 86, 156, 0.75) 0%;
		width: fit-content;
		color:rgba( 225, 225, 225, 0.75) !important;
		padding: 0.1rem 0.25rem !important;
	}

	.popup-container {
		
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		font-size: 0.6rem;
		line-height: 0.7rem;
		font-weight: 400;
		display: flex;
    	align-items: center;
		justify-content: center;
		background: rgba(0, 86, 156, 0.75) 0%;
		width: fit-content;
		color:rgba( 225, 225, 225, 0.75) !important;
		padding: 0.1rem 0.25rem !important;
		position: relative;
	}
	
	.popup {
		border-radius: 0.375rem;
		display: none;
		position: absolute;
		padding: 0.1rem 0.25rem !important;
		z-index: 1;
		left: 3rem;
		background: rgba(0,42,80,0.95);
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
		width: 10rem;
		white-space: normal;
	}
	
	.popup-container:hover .popup {
		display: block;
	}
	
	.popup-text {
		cursor: pointer;
	}

	.modal-input{
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 1px;
		padding-bottom: 1px;
		border-radius: 0.375rem;
		box-shadow: 0 !important;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
		background: transparent;
		margin-top: 0.25rem;
		color:rgba(225, 225, 225, 0.9);
	}

	.modal-input:focus-visible{
		outline-width: 0px;
		border-color:rgba(200, 200, 200, 0.9);
	}

	.modal-input-nc{
		padding-top: 1px;
		padding-bottom: 1px;
		border-radius: 0.375rem;
		box-shadow: 0 !important;
		text-align: center;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
		background: transparent;
		width: 100%;
		margin-top: 0.25rem;
	}

	.modal-input-2{
		border-radius: 0.375rem;
		box-shadow: 0 !important;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
		background: transparent;
		margin-top: 0.25rem;
		color:rgba(225, 225, 225, 0.9);
	}

	.modal-input-nb{
		/*padding-left: 4px;
		padding-right: 4px;*/
		box-shadow: 0 !important;
		border-width: 0px;
		border-bottom-width: 1px;
		border-color: rgba(175, 175, 175, 0);
		background: transparent;
		color:rgba(225, 225, 225, 0.9);
	}

	.modal-input-nb:hover{
		outline-width: 0px;
		border-color: rgba(175, 175, 175, 0.5);
		box-shadow: 0px -10px 5px -10px rgba(0,0,0,0.4) inset;
	}

	.modal-input-nb:focus-visible{
		outline-width: 0px;
		border-color:rgba(200, 200, 200, 0.9);
		box-shadow: 0px -10px 5px -10px rgba(0,0,0,0.4) inset;
	}

	.modal-input-nb2{
		border-radius: 0.375rem;
		box-shadow: 0 !important;
		border-width: 0px;
		border-color: rgba(175, 175, 175, 0);
		background: transparent;
		font-weight: 300;
	}

	.modal-input-select{
		border-radius: 0.375rem;
		box-shadow: 0 !important;
		text-align: center;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
		background: transparent;
		width: 100%;
		margin-top: 0.25rem;
		color:rgba(225, 225, 225, 0.9);
	}

	.baltoro-notification{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.95);
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-nr{
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-selected{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: #00569CAA;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-nb-selected{
		border-radius: 0.75rem;
		background: #05fff330;
	}

	.baltoro-container-bottom{
		border-bottom-right-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-top-width: 0px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-top{
		border-top-right-radius: 0.375rem;
		border-top-left-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-bottom-width: 0px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-l{		
		border-top-left-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-right-width: 0px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-r{		
		border-top-right-radius: 0.375rem;
		border-bottom-right-radius: 0.375rem;
		/*box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);*/
		background: rgba(0,42,80,0.85);
		border-width: 1px;
		border-left-width: 0px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-container-2{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.85);
		border-width: 0px;
	}

	.baltoro-container-modal{
		border-radius: 0.375rem;
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.25);
		background: rgba(0,42,80,0.95);
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);
	}

	.baltoro-searchbar{
		height: 2rem;
		width: 20rem;
		max-width: 100%;
		border-radius: 0.35rem;
		/*background-color: transparent;
		border-width: 1px;
		border-color: rgba(175, 175, 175, 0.5);*/
		outline: none;
		background-color: rgba(5, 255, 243, 0.1);
		font-size: medium;
		text-align: center;
		color: white;
		font-weight: normal;
	}

	/*////////////////////// BUTTON STYLING START /////////////////////////*/

	.default-button{
		color: rgb(255 250 250);
		font-weight: 400;
		border-radius: 0.35rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		padding: 0.25rem 0.75rem; 
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}

	.button-consistent-size{
		width: 6rem !important;
		height: 1.75rem !important;
	}

	.button-switch-l{
		border-top-left-radius: 0.35rem;
		border-bottom-left-radius: 0.35rem;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.button-switch-r{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0.35rem;
		border-bottom-right-radius: 0.35rem;
	}

	.button-hover-disabled{
		pointer-events: none;
		user-select: none;
	}

	.button-disabled{
		cursor: not-allowed;
		user-select: none;
		background-color: #7D7D7D !important;
		color: rgba( 255, 255, 255, 0.5) !important;	
	}

	/* purple */
	.button-purple{
		background-color: #9a79fd !important;
	}

	.button-purple:hover{
		background-color: #BAA4FC !important;
	}

	.button-purple-off{
		background-color: #402b7d !important;
		color: rgba( 255, 255, 255, 0.5) !important;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25);
	}

	.button-purple-off:hover{
		background-color: #5C517D !important;
	}

	/* red */
	.button-red{
		background-color: #CC0029 !important;
	}

	.button-red:hover{
		background-color: #E6002E !important;
	}

	.button-red-off{
		background-color: #660014 !important;
		color: rgba( 255, 255, 255, 0.5) !important;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25);
	}

	.button-red-off:hover{
		background-color: #80001A !important;
	}

	/* blue */
	.button-blue{
		background-color: #007EE6 !important;
	}

	.button-blue:hover{
		background-color: #008CFF !important;
	}

	.button-blue-off{
		background-color: #003866 !important;
		color: rgba( 255, 255, 255, 0.5) !important;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25);
	}

	.button-blue-off:hover{
		background-color: #00569C !important;
	}

	.reset-zoom-button {
		position: absolute;
		top: 2rem;
		right: 1rem;
	}

	/*////////////////////// BUTTON STYLING END /////////////////////////*/

	/*//////////////////////Start Highcharts/////////////////////////*/

	.highcharts-button-symbol{
		opacity: 1;
		stroke:#647F8C !important;
	}

	.highcharts-button-box{
		opacity: 1;
		padding: 0 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		min-width: 6rem !important;
		height: 1.75rem !important;
		fill: #9a79fd !important;
		padding: 0.25rem 0.75rem !important;
		stroke: #9a79fd !important;
		border-radius: 0.35rem !important;		
	}

	.highcharts-button text{
		fill: rgb(255 250 250)!important;
		text-align: center !important;
	}

	.highcharts-reset-zoom{

	}

	/*//////////////////////End Highcharts/////////////////////////*/

	/*//////////////////////Start DatePicker/////////////////////////*/

	 
	 
	.dp__theme_light {
		--dp-background-color: rgba(0,57,93,0.95) ;
		--dp-text-color: #e3e3e3 ;
		--dp-hover-color: rgba(0,255,255,0.2) ;
		--dp-hover-text-color: #FFFAFA ;
		--dp-hover-icon-color: #e3e3e3 ;
		--dp-primary-color: rgba(0,255,255,0.5) ;
		--dp-primary-text-color: #FFFAFA ;
		--dp-secondary-color: #959595 ;
		--dp-border-color: #FFFAFA ;
		--dp-menu-border-color: #FFFAFA ;
		--dp-border-color-hover: #FFFAFA ;
		--dp-disabled-color: #959595 ;
		--dp-scroll-bar-background: #f3f3f3 ;
		--dp-scroll-bar-color: #959595 ;
		--dp-success-color: rgba(5, 255, 243, 0.7) ;
		--dp-success-color-disabled: rgba(5, 255, 243, 0.7) ;
		--dp-icon-color: #e3e3e3 ;
		--dp-danger-color: #e6002e ;
		--dp-highlight-color: rgba(25, 118, 210, 0.1) ;
	 }

	.dp__preset_range{
		color: #e3e3e3 ;
	}

	.dp__action{
		font-weight: 400 ;
		font-size: x-large ;
	}

	.dp__button {
		background: none ;
	}

	.dp__action_row{
		border-radius: 0.5rem ;
		background: none ;
		padding-top: 0 ;
		display: flex ;
		justify-content: flex-end ;
	}

	.dp__menu_index {
		border-radius: 0.5rem ;
	}

	.dp__cancel{
		display: none !important;
		color: #e6002e ;
	}

	.dp__selection_preview{
		display: none ;
	}

	.dp__input_reg {
		background: none ;
		border-width: 1px ; 
		border-color: rgba(200, 200, 200, 0.9) ;
		border-radius: 0.5rem ;

	}

	.dp__input {
		font-size: 0.95rem;    
	}

	.dp__pointer{
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.dp__arrow_top{
		display: none;
	}

	/*//////////////////////End DatePicker/////////////////////////*/

	::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
		width: 3px;
	}

	::-webkit-scrollbar:horizontal {
		height: 3px;
	}

	::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
		display: none;
	}

	::-webkit-scrollbar-thumb {
		-webkit-appearance: none;
		border-radius: 10px;
		border: 0;
	}

	::-webkit-scrollbar-thumb:vertical {
		background: rgba(175, 175, 175, 0.5);
	}

	::-webkit-scrollbar-thumb:horizontal {
		/*background: rgba(5, 255, 243, 1);*/
		background: rgba(175, 175, 175, 0.5);
	}

	::-webkit-scrollbar-track {
		-webkit-appearance: none;
		border-radius: 10px;
	}

	::-webkit-scrollbar-track:vertical {
		margin: 2px 0 2px 0;
	}

	::-webkit-scrollbar-track:horizontal {
		margin: 0 12px 0 12px;
		background: rgba(255, 250, 250, 0.10);
		position: fixed; /* Cambio en la posición de la barra horizontal */
		bottom: 0;
		top: 0;
	}

	/* REEDICIÓN DE BALTORO */

	/* Imagenes */

	.imageBackground{
        background-image: url('../assets/images/backgrounds/background.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
    }

	.imageLogo{
        background-image: url('../assets/images/logos/Baltoro-platform.png');
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center center;
		height: 100%;
    }